import React, { Component } from 'react'

export default class ComState extends Component {
    constructor(){
        super()
        //状态机
        this.state = {
            name:'Tom',
            age: 18
        }
    }
    changeAge(){
        // this.state.age++ 只会触发数据的更新,页面没有重新渲染
        // this.setState函数:作用是修改数据并更新页面,是异步函数
        // 第二个参数是回调函数,会在更新后自动执行
        this.setState({
            age: this.state.age + 1
        },()=>{
            console.log(this.state.age);
        })
        
    }
    render() {
        return (
            <div>
                <p>age:{this.state.age}</p>
                <button onClick={()=>this.changeAge()}>年龄+1</button>
            </div>
        )
    }
}
